<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.staticfile.org/vue/2.6.9/vue.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>

<body>
    <div id="app">
        <div>
            <!-- select双向绑定 -->
            <select v-model="title">
                <option value="我在北京">北京</option>
                <option value="我在上海">上海</option>
                <option value="我在郑州">郑州</option>
            </select>
            <span>{{title}}</span>

            <!-- radio双向绑定 -->
            <input type="radio" name="sel" v-model="checked">
            <input type="radio" name="sel">
        </div>
    </div>
    <script>
        new Vue({
            el: "#app",
            data: {
                title: "我在北京",
                checked: true
            },
            methods: {

            }
        })
    </script>
</body>

</html>